<template>
    <div class="btnBox">
        <wmButton type="shadow">暖心</wmButton>
        <wmButton type="clickAnimate">暖心</wmButton>
        <wmButton type="ripple">暖心</wmButton>
        <wmButton type="flyLine">暖心</wmButton>
    </div>
</template>
    
    
<script setup>
import { ref, reactive, onMounted } from "vue"
import { useRoute, useRouter } from "vue-router"

</script>
    
    
<style lang="less" scoped>
.btnBox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;

    div {
        margin-right: 10px;
    }
}
</style>
    